<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!doctype html>
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>任务反馈页</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<jsp:include page="/WEB-INF/views/common.jsp"></jsp:include>

  </head>
  <body>
  	<div id="tabs" style="width:100%;">
  		<input type="hidden" id="biz_id" value="${biz_id }" />
  		<input type="hidden" id="id" value="${id }" />
  		<input type="hidden" id="taskId" value="${taskId }" />
  		<input type="hidden" id="instanceId" value="${instanceId }" />
  		<div title="任务详情">
			<iframe id="task_detail" name="task_detail" src="taskWorkflow/handle.shtml?id=${id }&taskId=${taskId}&instanceId=${instanceId}" style="width: 100%; height: 99%;" scrolling=no marginwidth="0" framespacing="0" marginheight="0" frameborder="no"></iframe>
		</div>
  		<div title="佐证材料">
			<iframe id="task_attas" name="task_attas" src="" style="width: 100%; height: 99%;" scrolling="no" marginwidth="0" framespacing="0" marginheight="0" frameborder="no"></iframe>
		</div>
		<div title="审批详情">
			<iframe id="taskWorkflow_detail" name="taskWorkflow_detail" src="" style="width: 100%; height: 99%;" scrolling=no marginwidth="0" framespacing="0" marginheight="0" frameborder="no"></iframe>
		</div>
		<div title="审批流程">
			<iframe id="workflow_chart" name="workflow_chart" src="" style="width: 100%; height: 99%;" scrolling=no marginwidth="0" framespacing="0" marginheight="0" frameborder="no"></iframe>
		</div>
  	</div>
  </body>
<script type="text/javascript">
$(function(){
	$('#tabs').tabs({
		fit : true,
		border : false,
		onSelect : function (title, index) {
			if ("1" == index) {
				$('#task_attas').attr('src', 'task/attas.shtml?id=' + $('#biz_id').val());	
			} else if ("2" == index) {
				$('#taskWorkflow_detail').attr('src', 'taskWorkflow/taskWorkflowDetail.shtml?id=' + $('#biz_id').val());
			} else if ("3" == index) {
				$('#workflow_chart').attr('src', 'taskWorkflow/taskWorkflowChart.shtml?id=' + $('#biz_id').val());
			} else {
				$('#task_detail').attr('src', 'taskWorkflow/handle.shtml?id=' + $('#id').val() + '&taskId=' + $('#taskId').val() + '&instanceId=' + $('#instanceId').val());
				//' + $('#id').val() + '&taskId=' + $('#taskId').val() + '&instanceId=' + $('#instanceId').val();
			}
		}
	});
});
</script>  
</html>
